<template>
  <el-config-provider :locale="appStore.locale" :size="appStore.size">
    <router-view />
  </el-config-provider>
</template>

<script setup lang="ts">
import { useSettingsStore } from '@/store/modules/settings';
import { handleThemeStyle } from '@/utils/theme';
import { useAppStore } from '@/store/modules/app';
const settingsStore = useSettingsStore();

const appStore = useAppStore();



onMounted(() => {
  nextTick(() => {
    // 初始化主题样式
    // handleThemeStyle(useSettingsStore().theme);
    settingsStore.sideTheme = 'theme-light';
  });
});
</script>

<style lang="scss">
  @use "assets/css/base.scss";

  .card-btn {
    padding: 4px 10px;
    border-radius: 4px;
    background-color: red;
    color: #fff;
  }
  .el-tabs__nav-next, .el-tabs__nav-prev {
    line-height: 50px !important;
  }
  .el-tabs__nav .el-tabs__item {
    height: 50px !important;
  }
  .el-tabs__header {
    margin: 0 !important;
  }
  .el-picker__popper {
    z-index: 10000010 !important;
  }
  .link {
    color: #409eff;
    cursor: pointer;
  }

  .el-table {
    height: calc(100vh - 85px - 120px - 75px - 85px);
  }
  .el-form {
    max-height: 60vh !important;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .el-dialog__body {
    height: 70vh !important;
  }
  .el-drawer__header {
    margin-bottom: 0 !important;
  }
  .el-drawer__body {
    padding: 0px 20px !important;
  }
</style>
